<div class="clearfix login-wrapper">
  <div class="half-wrapper login-title-bg pull-left">
    <div class="login-title-wrapper text-center">
      <img src="./assets/images/logo.png">
      <p class="login-title-cn">电力需求侧管理平台</p>
      <p class="login-title-en">Electric power demand side management platform</p>
    </div>
    <div class="login-footer text-center fc-999 ">
      <p>www.sxygsj.com</p>
      <p>版权信息：山西阳光三极科技股份有限公司</p>
      <p>Copyright © 2017, All Right Reserved</p>
    </div>
  </div>
  <div class="half-wrapper login-form-bg pull-right">
      <div class="login-form-wrapper">
        <form #userInfo='ngForm' class="form-wrapper" (ngSubmit)="login(userInfo.value)">
          <span>欢迎登录</span> 
          <div class="fc-999">
            <div class="form-group ">
              <label>用户名</label>
              <div class="input-group input-group-lg">
                <span class="input-group-addon"><i class="fa fa-user-o fc-d3dced" aria-hidden="true" ></i></span>
                <input type="text" class="form-control" name="username" placeholder="请输入用户名"  ngModel required>
              </div>
            </div>
            <div class="form-group">
              <label>密码</label>
              <div class="input-group input-group-lg">
                <span class="input-group-addon" style="padding: 10px 18px"><i class="fa fa-lock fc-d3dced" aria-hidden="true"></i></span>
                <input type="password" class="form-control" name="password" placeholder="请输入密码" ngModel required>
              </div>
            </div>
            <div class="form-group login-btn-wrapper">
              <button class="btn btn-block bg-21a0df fc-white login-btn" [disabled]="!userInfo.form.valid" type="submit">登录</button>
            </div>
          </div>
        </form>

      </div>
  </div>
</div>
